<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
            <link rel="stylesheet" href="${request.contextPath}/statics/css/fileinput.min.css">
            <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrapValidator.min.css">

</head>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
			<#if shiro.hasPermission("busi:b63averagespeedpeak:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("busi:b63averagespeedpeak:update")>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("busi:b63averagespeedpeak:delete")>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form name="form-test" class="form-horizontal">

            <div class="form-group">
                <div class="col-sm-2 control-label">道路类型</div>
                <div class="col-sm-10">
                    <select name="b63roadType" v-model="b63AverageSpeedPeak.roadTypeId" >
                        <option :value="roadType.typeId" v-for="roadType in roadTypeList" >{{roadType.roadTypeName}}</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">车辆类型</div>
                <div class="col-sm-10">
                    <select name="b63vehicleType" v-model="b63AverageSpeedPeak.vehicleTypeId" >
                         <option :value="vehicleType.typeId" v-for="vehicleType in vehicleTypeList" >{{vehicleType.vehicleTypeName}}</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">高峰速度</div>
                <div class="col-sm-10">
                    <input type="text" name="averageSpeed" class="form-control" v-model="b63AverageSpeedPeak.averageSpeed" placeholder="高峰时间平均行驶速度"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">数据文件上传</div>
                <div class="col-sm-10">
                    <input type="file" name="file" id="form_file" multiple="multiple" accept=".pdf,.xls,.xlsx,.docx,.doc" class="form-control"
                             placeholder="原始数据文件"/>
                    <input type="text" id="form_file_text" class="form-control" style="display :none" v-model="b63AverageSpeedPeak.filePath" placeholder="原始数据文件"/>
                </div>

            </div>



            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..." @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>

</div>

<script src="${request.contextPath}/statics/libs/bootstrapValidator.min.js"></script>
<script src="${request.contextPath}/statics/libs/zh_CN.js"></script>
<script src="${request.contextPath}/statics/libs/fileinput.min.js"></script>
<script src="${request.contextPath}/statics/libs/zh.js"></script>
<script src="${request.contextPath}/statics/js/modules/busi/b63averagespeedpeak.js?_${.now?long}"></script>


</body>
</html>